<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="element-plus/index.css" />
  </head>
  <body>
    <div id="app">
      <div class="common-layout">
        <el-container>
          <el-header>Header</el-header>
          <el-container>
            <el-aside width="200px">Aside</el-aside>
            <el-container>
              <el-main>Main</el-main>
            </el-container>
          </el-container>
          <el-footer>Footer</el-footer>
        </el-container>
      </div>
    </div>

    <script src="vue.global.js"></script>
    <script src="element-plus/index.js"></script>

    <script>
      const app = Vue.createApp({
        data() {
          return {};
        },
      });

      // 注册 ElementPlus 组件
      app.use(ElementPlus);

      const vm = app.mount("#app");
    </script>
  </body>
</html>
